<ul id="nav" style="width:650px; margin-top:10px; margin-bottom:20px;">
    
    <li class="current" id="tablink1"><a href="javascript:void(null);" onclick="tabActivate('1',this)"
                           id="selected">General</a></li>
                    
    <li id="tablink2"><a href="javascript:void(null);" onclick="tabActivate('2',this)"
            class="tablink2">Personal info</a></li>
          
    <li id="tablink3"><a href="javascript:void(null);" onclick="tabActivate('3',this)"
           class="tablink3">Education</a></li>
            
    <li id="tablink4"><a href="javascript:void(null);" onclick="tabActivate('4',this);"
    class="tablink4">Interest</a></li>
                    
    <li id="tablink5"><a href="javascript:void(null);" onclick="tabActivate('5',this);"
           class="tablink5">Hubbies</a></li>        
                    
    <li id="tablink6"><a href="javascript:void(null);" onclick="tabActivate('6',this);"
           class="tablink6">Gallery</a></li>    
    <li id="tablink7"><a href="javascript:void(null);" onclick="tabActivate('7',this);"
           class="tablink7">Privacy</a></li>          

</ul>
<div class="errordiv" style="display:none;"></div>
<div id="bizcontent">
<div id="tab1" class="tabcontent"><?php echo $this->render('/useraccount/general.phtml'); ?> </div>
<div id="tab2" class="tabcontent"><?php echo $this->render('/useraccount/personal.phtml'); ?> </div>
<div id="tab3" class="tabcontent"><?php echo $this->render('/useraccount/education.phtml'); ?></div>
<div id="tab4" class="tabcontent"><?php echo $this->render('/useraccount/interests.phtml'); ?></div>
<div id="tab5" class="tabcontent"><?php // echo $this->render('/useraccount/hubbies.phtml'); ?></div>
<div id="tab6" class="tabcontent"><?php echo $this->render('/useraccount/lifestyle.phtml'); ?></div>
<div id="tab7" class="tabcontent"><?php echo $this->render('/useraccount/privacy.phtml'); ?></div>
</div>

<script>
function tabActivate(info)
{
    //$("#bizcontent").hide(); 
    $("#bizcontent .tabcontent").hide();
    $("#tab"+info).slideDown();
    $("#nav li").removeClass('current');
    $("#tablink"+info).attr('class','current');
    $(".errordiv").hide().html('');//clears the error;
//    if(info == 1)
//    $( 'textarea#homemaincontent' ).ckeditor();
//    if(info == 3)$( 'textarea#aboutmaincontent' ).ckeditor();
//    if(info == 4)$( 'textarea#servicesmaincontent' ).ckeditor();
//    if(info == 5)$( 'textarea#contactmaincontent' ).ckeditor();
}

</script>